<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>掌上军师下载</title>
    <style>
        *{padding: 0px;margin: 0px;}
        .content{
            text-align: center;
            background-color: #FFEFD5;
            /* background-image: linear-gradient(to bottom right, #F4A460, #D2691E); */
        }
        .title{
            font-size: 24px;
            font-weight: bold;
            padding: 30px 0;
        }
        .info{
            font-size: 16px;
            color: #777;
        }
        .logo{
            margin-top: 50px;
            margin-bottom: 50px;
        }
        .btn{
            width: 50%;
            margin: 30px auto;
            height: 50px;
            line-height: 50px;
            background-color: #777;
            border-radius: 10px;
            color: #fff;
        }
        .btn img{
            width: 30px;
            float: left;
            margin: 10px 0 0 20px;
        }
        .one{
            background-color: #6495ED;
        }
    </style>
</head>
<body>
<div class="content" id="content">
    <div class="title">掌上军师</div>
    <div class="info">东营洞玄文化传媒有限公司</div>
    <img src="/icon.png" alt="" class="logo">
    <a href="/zsjs.apk?t=1" target="_blank" style="color: white;text-decoration: none;"><div class="btn one">
            <img src="/an.png" alt="">
            <span>Android下载</span>
        </div></a>
    <div class="btn two">
        <img src="/iOS.png" alt="">
        <span>IOS下载</span>
    </div>
</div>
</body>
<script>
    var heights = document.documentElement.clientHeight
    console.log(heights)
    ss=document.getElementById('content');
    ss.style.height=heights+'px';
</script>
</html>